/* 
    Document   : style
    Created on : Dec 3, 2013, 3:26:23 PM
    Author     : trangnguyen
    Description:
        Purpose of the stylesheet follows.
*/
/*Phần chung*/
body{
    font-family: arial,sans-serif;
    font-size: 13px;
    min-width: 982px;
    margin: 0;
}
h1,h2,h3,h4,h5,h6, ul {margin: 0; padding: 0}
ul li a, a{text-decoration: none; color: #666666}
.fl{float: left}
.fr{float: right}
.clear{clear: both}
.page-wrap{
    width: 982px;
    margin: 0 auto;
}
/*Danh mục trên header*/
#header-wrap{
    background-image: url(../image/bg/bg_header.png);
    width:100%;height:100%; 
}
#menu-top-left{width: 40%;}
.click-list{
}
#click-list{
    margin-left: 7px;
    background-color: #87bb04;
    color: #fff;
    text-transform: uppercase;
    width: 45%;
    padding: 5px 8px;
    font-weight: 700;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 1px 5px #ccc;
    cursor: pointer;
}
.list-pro{
    display: none;
    z-index: 1001;
    position: absolute;
    box-shadow: 0px 3px 19px #ECEBEB;
    background: #87bb04;
    margin-top: 1px;
    margin-left: 20px;
}
.list-pro > li > a{
    color: #fff;
    line-height: 20px;
}
.list-pro li:hover{
    background: #fff;
}
.list-pro li{
    list-style: none;
    padding: 5px 10px;
    border-bottom: 1px solid #fff;
}
.list-pro li:hover > a{color: #000;}

/*Menu bên phải header*/
#menu-top-right{
    background: #f3f3f3;
    width: 49%;
    border-bottom: 1px solid #ccc;
    border-left:  1px solid #ccc;
    border-right:  1px solid #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 1px 5px #ccc;
}
#menu-top-right ul li{
    list-style: none;
    float: left;
    line-height: 25px;
}
#menu-top-right > ul > li:hover{
    box-shadow: 0px 1px 1px #535151;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#menu-top-right ul li a{
    padding: 0px 15px 0px 20px;
    font-weight: 700;
}
/*Phần header ở dưới: logo và hotline*/
#header-bottom{
    margin-top: 10px;
    z-index: 1
}
#logo-header{
    width: 65%;
}
#logo-header img{
    width: 364px;
    height: 74px;
}
#logo-header h2{
    line-height: 30px;
    color: #747171;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
}
#logo-header span{line-height: 28px}
#hotline{
    margin-top: 18px;
    width: 35%;
}
#hotline img{float:left; width: 41px; height: 41px}
#hotline span{
    line-height: 38px;
    text-transform: uppercase;
    color: #DD0E0E;
    font-size: 23px;
}
/*Menu*/
#menu-wrap{
    background: #88bc04;
}
#menu ul li{
    list-style: none;
    float: left;
}
#menu ul li a{
    padding-right: 24px;
    padding-left: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
}
#menu > ul > li:hover,  #menu > ul > li.visited{
    background: #d7d7d7;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opactiy .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
#menu  .active {
    background: #d7d7d7;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
#menu ul li:hover > a, #menu > ul li.active > a{
    color: red;
}
/*Nút tìm kiếm*/
#search_btn {
    float: right;
    margin-top: 3px;
}
#search_text{
    width: 190px;
    text-indent: 6px;
    border: 0 none;
    height: 22px;
    margin-right: 0;
    color: #000;
    outline: none;
    background: #F5F8F7;
    float: left;
    box-sizing: border-box;
    transition: all 0.15s;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #cccccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #cccccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cccccc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #cccccc;
}
#search_text:focus {
    background: #fff;
}
#search_button {
    border: 0 none;
    background: url(../image/icon/search.png) center no-repeat;
    width: 60px;
    float: left;
    padding: 0;
    text-align: center;
    height: 22px;
    cursor: pointer;
    width: 36px;
}
/*Thông tin mới nổi bật*/
#hot-news{
    text-transform: uppercase;
    color: #D10505;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
}
#hot-news-title:hover{
    color: #88bc04; 
}
/*Footer*/
#footer-wrap{
    background: #666666;
    color: #fff;
    padding: 15px 0;
    line-height: 20px;
    border-bottom: 10px solid #88bc04;
}
#footer-logo{width: 10%;}
#footer-logo img{
    width: 85px;
    height: 53px;
}
#footer-name{width: 54%;}
#footer-name a{color: #fff}
#footer-name a:hover{color: #88bc04;font-weight: 700 }
#footer-contact{width: 15%;padding: 0 7px;}
#footer-name h1{
    font-weight: normal;
    font-size: 14px;
}
#footer-contact img{
    padding-top: 3px;
    padding-right: 5px;

}
#voithan{margin-top: 15px}
/*Phân trang*/
.paging{margin-left: 185px; margin-bottom: 30px;}
ul.yiiPager .page:link,
ul.yiiPager .page:visited, .paging ul > .page:hover
{
    background: url('../image/icon/paging/between.png') no-repeat !important;
    z-index: 100 !important;
}
ul.yiiPager .first:hover,
ul.yiiPager .last:hover
{
    text-decoration: underline!important;
}

.paging ul{
    background: url('../image/icon/paging/background.png') center no-repeat;
}
.paging ul li{
    list-style: none;
    float: left;
    line-height: 23px;
    padding: 4px 11px;
}
.paging ul > .page:hover{
    /*    background: url('../image/icon/paging/between.png') no-repeat;
        z-index: 100;*/
}
.paging ul > .page:hover > a{
    color: #fff;
}
.previous, .next{margin-top: 2px;}
